/*引入基础样式*/
@tailwind base;
@tailwind components;
@tailwind utilities;


/*内阴影*/
.fullinshaw{
    box-shadow:inset 0 0 20px rgba(96, 165, 250, 0.5);
}
/*外阴影*/
.fulloutshaw{
    box-shadow: 0 0 5px rgba(96, 165, 250, 0.5);
}
/*覆盖出现四周阴影*/
.hovershaw{
    box-shadow: 0 0 5px rgba(96, 165, 250, 0.5);
}

/*垂直水平居中*/
.juzhong{
    @apply flex justify-center items-center
}

/* 谷歌浏览器滚动条 */
html,body *::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
html,body *::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 2px;
}
html,body *::-webkit-scrollbar-thumb {
    background: rgb(205, 206, 206);

    border-radius: 10px;
}
html,body *::-webkit-scrollbar-thumb:hover {
    background: #333;
}
html,body *::-webkit-scrollbar-corner {
    background:  #fff;
}
/* 谷歌浏览器滚动条 */

/* 火狐浏览器滚动条 */
html,body *{
    scrollbar-color: light;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;
    scrollbar-width: thin;
}
/* 火狐浏览器滚动条 */

.dianji{
    @apply hover:text-red-500 active:text-blue-500 cursor-pointer select-none text-blue-600
}
